<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
    <title>首页</title>
    <link rel="stylesheet" href="css/page.css">
</head>
<body>
    <div class="alert"></div>
    <header>
    </header>
    <article>
        <h4>科研之事,&nbsp;为您挑T!</h4>
        <p>
            9月19日, CST推出近千种20μl T包装抗体满足你各种研究所需,所有小包装抗体套装 (Sampler Kits) 也全面换装为20μl 规格助你科研低消费 + 零浪费!
        </p>
        <p>
            CST公司被一致推崇为:"细胞信号研究的新标准",CST抗体被众多科学家誉为"最佳抗体",也是CiteAb用户推荐的"首选抗体"。
        </p>
        <h4>开学新气象,优惠来袭</h4>
        <p>
            凡活动日期参加或组团成功的,每位成员均可获得精致礼品(CST兔博士卡套),和一个超值优惠码。好机会,赶快参加吧!
        </p>
        <div class="pic">
            <div class="text">
                <a href="javascript:;">活动详情</a>
                <h5>团购双重礼:</h5>
                <p>T包优惠券一张;</p>
                <p>CST兔博士卡套一个</p>
                <h3>6人团</h3>
                <h6>截止日期:2016年10月7日</h6>
            </div>
            <div class="images">
                图片
            </div>
        </div>
        <div class="group">
            <div class="group_count">
                <ul>
                    <li><b>博士</b></li>
                    <li><em>硕士</em></li>
                    <li><em>硕士</em></li>
                    <li><em>硕士</em></li>
                    <li><em>硕士</em></li>
                    <li><em>硕士</em></li>
                </ul>
                <span>还差3人,盼你一起加入</span>
            </div>
            <div class="group_message">
                <dl>
                    <p>大家说:</p>
                    <dt>
                        <img src="" alt="">
                        <em><img src="" alt=""><b>糯米丸子:</b>CST抗体用着特别赞</em>
                    </dt>
                    <dd>
                        <img src="" alt="">
                        <em><img src="" alt=""><b>傲娇公举:</b>顶一下</em>
                    </dd>
                </dl>
            </div>
        </div>
    </article>
    <footer>
        <a href="javascript:;">点击查询所有促销产品</a>
        <a href="#">我要开个团</a>
        <a href="#">我要参团</a>
    </footer>
    <div class="join">
        <div class="j-head">
            <b>×</b>
            <span>参加此团</span>
        </div>
        <div class="j-info">
            <label>
                <input type="text" placeholder="姓">
            </label>
            <label>
                <input type="text" placeholder="名">
            </label>
            <label>
                <input type="text" placeholder="手机">
            </label>
            <label>
                <input type="text" placeholder="邮箱">
            </label>
            <label>
                <input type="text" placeholder="工作单位或科研院所">
            </label>
            <label>
                <input type="text" placeholder="邮寄地址">
            </label>
            <label>
                <input type="text" placeholder="请填写欲购买产品货号或靶点">
            </label>
            <label>
                <input type="text" placeholder="赶紧说点什么,鼓励小伙伴一起来参团吧">
            </label>
            <select name="" id="">
                <option value="0">奥术奥术</option>
                <option value="1">最终GSS</option>
                <option value="2">发给懂个</option>
            </select>
        </div>
        <div class="j-foot">
            <span></span>
            <em>参团提交</em>
        </div>
    </div>
    <div class="open">
        <div class="o-head">
            <b>×</b>
            <span>我要开个团</span>
        </div>
        <div class="o-info">
            <label>
                <input type="text" placeholder="姓">
            </label>
            <label>
                <input type="text" placeholder="名">
            </label>
            <label>
                <input type="text" placeholder="手机">
            </label>
            <label>
                <input type="text" placeholder="邮箱">
            </label>
            <label>
                <input type="text" placeholder="工作单位或科研院所">
            </label>
            <label>
                <input type="text" placeholder="邮寄地址">
            </label>
            <label>
                <input type="text" placeholder="请填写欲购买产品货号或靶点">
            </label>
            <label>
                <input type="text" placeholder="赶紧说点什么,鼓励小伙伴一起来参团吧">
            </label>
            <select name="" id="">
                <option value="0">奥术奥术</option>
                <option value="1">最终GSS</option>
                <option value="2">发给懂个</option>
            </select>
        </div>
        <div class="o-foot">
            <span></span>
            <em>开团提交</em>
        </div>
    </div>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/page.js"></script>
</body>
</html>